:deep(.custom-dialog) {
  padding: 0;

  .el-dialog__header {
    border-bottom: 1px solid #d5deed;
    margin-right: 0px;
    padding: 16px 20px;

    .el-dialog__title {
      font-size: 16px;
      font-weight: 500;
      color: #000000;
    }
  }

  .el-dialog__body {
    padding: 20px 20px 20px 20px;
  }

  .el-dialog__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #d5deed;
    padding: 16px;

    .selected-count {
      flex: 1;
      text-align: start;
      font-size: 14px;
      font-weight: 500;
    }
  }

  .el-dialog__close {
    color: #000000;
  }
}

:deep(.no-pdding-dialog) {
  .el-dialog__body {
    padding: 0;
  }
}

:deep(.search-form) {
  .el-form-item {
    margin-right: 20px;
    margin-bottom: 20px;

    .el-form-item__label {
      font-weight: 400;
      color: #333333;
      padding: 0 10px 0 0;
    }

    .el-date-editor {
      width: 180px;
    }

    .el-date-editor--daterange {
      width: 240px;
    }
  }
}

:deep(.data-form) {
  .el-form-item {
    width: 100%;
  }

  .el-form-item__label {
    color: #333333;
    font-weight: 400;
  }
}

:deep(.data-date) {
  width: 100% !important;
}

:deep(.data-input) {
  width: 100% !important;
}

:deep(.data-cascader) {
  width: 100% !important;
}

:deep(.layout-form) {
  .el-form-item {
    width: 280px;
  }

  .el-form-item__label {
    color: #333333;
    font-weight: 400;
  }
}

:deep(.custom-detail) {
  padding: 0 25px;

  .el-col {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .label {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #333333;
    display: inline-block;
    margin-right: 10px;
    text-align: right;
  }

  .value {
    flex: 1;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #757575;
  }
}

:deep(.el-button) {
  height: 30px;

  .svg-icon {
    margin-right: 6px;
  }
}

:deep(.el-tag) {
  height: 24px;
}

:deep(.custom-table) {
  width: 100%;
  height: 100%;

  .el-table__inner-wrapper::before {
    display: none;
  }

  .el-table__header {
    tr {
      height: 56px;

      .el-table__cell {
        background-color: #f3f7fe;
        border-top: 1px solid #dbe3f0;
        border-bottom: 1px solid #dbe3f0;
        color: #333333;
        font-weight: 400;
      }
    }
  }

  .el-table__body {
    .el-table__cell {
      padding: 10px 0;
      color: #757575;
      font-weight: 400;
    }
  }

  .el-switch {
    height: inherit;
  }

  .link {
    word-wrap: break-word;
    cursor: pointer;

    &:hover {
      color: var(--el-color-primary);
      text-decoration: underline;
    }
  }
}

:deep(.custom-pagination) {
  .el-pager {
    li {
      min-width: 26px;
      height: 30px;
    }
  }

  .btn-prev {
    min-width: 26px;
    height: 30px;
  }

  .btn-next {
    min-width: 26px;
    height: 30px;
  }

  .el-select {
    width: 100px;
    height: 30px;

    .el-select__wrapper {
      min-height: 30px;
    }
  }

  .el-pagination__editor.el-input {
    width: 46px;
    height: 30px;
  }
}

.custom-title {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  color: #151515;
  margin-bottom: 20px;
  position: relative;
  padding-left: 10px;

  &::before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 16px;
    background: linear-gradient(0deg, #4575ee 0%, #6297f5 100%);
    border-radius: 2px;
  }
}

:deep(.custom-modal) {
  .el-dialog__header {
    .header {
      background: #ffffff;
      font-size: 16px;
      font-weight: 500;
      color: #000000;
      border-bottom: 1px solid #d5deed;
      height: 57px;
    }
  }

  .el-dialog__footer {
    .footer {
      border-top: 1px solid #d5deed;
      padding: 16px;
    }
  }

  .icon-close {
    color: #000000;
  }
}

.el-table.dark-table {
  --el-table-header-bg-color: transparent;
  --el-table-tr-bg-color: transparent;
  --el-table-header-text-color: #ffffff;
  --el-table-text-color: #ffffff;
  --el-table-border-color: #79899d;
  --el-table-row-hover-bg-color: #31668c66;

  background-color: transparent;
}

.el-pagination.dark-pagination {
  --el-text-color-regular: #ffffff;
  //--el-disabled-bg-color: #a5a5a5;
  //--el-text-color-placeholder: #ffffff;
}
